@import './common';
.selfBox{
	height: 100%;
	background: $bgWin;
}
.navBar{
	padding: setSize(40) setSize(30);
	display: flex;
	font-size: setSize(36);
	color: #565556;
	background: $thirdBgWin;
	view{
		margin-right: setSize(48);
	}
	.curBar{
		color: #fff;
	}
}

.creatChallenge{
	color: $mainColor;
	font-size: setSize(36);
	height: setSize(118);
	line-height: setSize(118);
	text-align: center;
}

.challengeSearch{
	padding: setSize(30);
	border-bottom: setSize(20) solid $thirdBgWin;
	.searchInput{
		height:setSize(82);
		background:#2D2D2D;
		padding-left: setSize(20);
		border-radius: setSize(8);
	}
}

.listBox{
	display: flex;
	align-items: center;
	padding: setSize(30);
	/*background: #000;*/
	border-bottom: setSize(20) solid $thirdBgWin;
	position: relative;
	>image{
      width: setSize(160);
      height: setSize(160);
      background: red;
	}
	.itemCenter{
		height: setSize(160);
		flex-grow: 1;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin-left: setSize(30);
		.content_top{
			font-size: setSize(30);
		}
		.content_center{
			color: $otherTextColor;
			font-size: setSize(26);
		}
		.content_bottom{
			color: $otherTextColor;
			font-size: setSize(22);
			view{
				display: inline-block;
			}
			.awardBox{
				text{
					color: $mainColor;
					font-size: setSize(30);
				}
			}
			.awardNum{
				margin-left: setSize(30);
				font-size: setSize(20);
				text{
					color: $subMainColor;
					font-size: setSize(24);
				}
			}
		}
	}
	.itemRight{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: setSize(160);
		text-align: right;
		font-size: setSize(30);
		color: $mainColor;
		.right_bottom{
			width: setSize(126);
			height: setSize(48);
			font-size: setSize(22);
			text-align: center;
			line-height: setSize(48);
			color: $bgWin;
			background: $mainColor;
			border-radius: setSize(48);
		}
		.active_btn{
			color: $mainColor;
			background: $thirdBgWin;
		}
		.challengeOver{
			width: setSize(128);
			position: absolute;
			top: setSize(20);
			right: setSize(50);
		}
	}

	.overStyle{
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: rgba(31,31,31,0.5);
  }
}